@import "../../../style/mixins/top-bac.less";
.home-index-container{
  .home-index-top{
    .top-bac();
  }

  .count {
    margin-top: 20px;
    .el-row{
      .grid-content{
        width: 80%;
        border-radius: 6px;
        padding: 20px;
        margin: 0 auto;
        color: #ffffff;
        text-align: center;
        &.bg-red{
          background: rgb(248, 98, 59);
        }
        &.bg-green{
          background: rgb(55, 209, 171);
        }
        &.bg-yellow{
          background: rgb(255, 160, 1);
        }
        &.bg-light{
          background: rgb(66, 192, 234);
        }
        &.bg-blue{
          background: rgb(87, 152, 242);
        }
      }
      margin-bottom: 20px;
    }

  }

  .home-index-content{
    background-color: #ffffff;
    padding: 10px;
    .select{
      margin-top: 20px;
       .grid-content{
         display: flex;
         align-items: center;
       }
      .echarts-box{
        width: 100%;
        height: 200px;
        .echarts{
          width: 200px;
          height: 200px;
          margin: 0 auto;
          display: inline-block;
        }
      }
    }
  }

}
